@import "@/style/imports";

.page-address-index {
  background: #f5f5f5;
  .member-address-list {
  }
  .address-item {
    display: flex;
    justify-content: center;
    background: #ffffff;
    margin-bottom: 25px;
    padding: 30px 25px 10px;

    &__unchecked {
      display: block;
      width: 30px;
      height: 30px;
      border: 1px solid $color-brand-primary;
      background: #ffffff;
      box-sizing: border-box;
      border-radius: 50%;
      overflow: hidden;
    }

    &__checked {
      font-size: 38px;
      flex-basis: 50px;
      color: $color-brand-primary;
    }
    &__content {
      flex: 1;
    }
    &__title {
      color: #010101;
      margin-bottom: 23px;
    }
    &__info {
      margin-right: 20px;
    }
    &__detail {
      color: #0d0d0d;
      padding-bottom: 14px;
    }
  }
  .address-item__footer {
    display: flex;
    justify-content: space-between;
    color: #9d9d9d;
    padding-top: 19px;
    &_default {
      font-size: 23px;
    }
    .default__icon {
      margin-right: 14px;
      vertical-align: middle;
      font-size: 32px;
    }
    .default__checked {
      color: $color-brand-primary;
    }
    .default-text {
      vertical-align: middle;
    }
    &_edit {
      font-size: 23px;
      display: flex;
    }
    .footer-text {
      font-size: 23px;
      margin-right: 27px;
    }
    .footer-icon {
      font-size: 26px;
      margin-right: 11px;
    }
  }
  .member-address-add {
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 80px;
    color: #ffffff;
    text-align: center;
    line-height: 80px;
    font-size: 26px;
  }
}
